<!--左边侧栏-->
<div class="col-3 pl-4">
    <ul id="menu" class="nav flex-column ml-5 mb-4 border">
        <li class="nav-item">
            <a class="nav-link show-active" href="#id_0" data-toggle="collapse">了解自考</a>
            <ul id="id_0" class="list-unstyled bg-light collapse show" data-parent="#menu">
                <li class="nav-item"><a class="nav-link text-secondary" href="#">自考介绍</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">专业管理</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">考试机构</a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#id_1" data-toggle="collapse">报名须知</a>
            <ul id="id_1" class="list-unstyled bg-light collapse" data-parent="#menu">
                <li class="nav-item"><a class="nav-link text-secondary" href="#">自考介绍</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">专业管理</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">考试机构</a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#id_2" data-toggle="collapse">考试须知</a>
            <ul id="id_2" class="list-unstyled bg-light collapse" data-parent="#menu">
                <li class="nav-item"><a class="nav-link text-secondary" href="#">自考介绍</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">专业管理</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">考试机构</a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#id_3" data-toggle="collapse">毕业手续</a>
            <ul id="id_3" class="list-unstyled bg-light collapse" data-parent="#menu">
                <li class="nav-item"><a class="nav-link text-secondary" href="#">自考介绍</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">专业管理</a></li>
                <li class="nav-item"><a class="nav-link text-secondary" href="#">考试机构</a></li>
            </ul>
        </li>
    </ul>
    <div class="ml-5">
        <button type="button" class="btn btn-outline-primary btn-block mb-4">了解成人考试</button>
        <button type="button" class="btn btn-outline-primary btn-block">了解远程教育</button>
    </div>
</div>